


*{ margin: 0px; padding: 0px;}
ul li ,ol li{list-style: none;}

img {
    border: none;
}

input {outline:none;}

html,body{
    background: #efefef;
    width: 100%;
    font-family: "微软雅黑";

}
a {
    text-decoration: none;
}

a:hover{
    text-decoration:none;
    outline:none;
}

a:focus{
    text-decoration:none;
    outline:none;
}

a:focus{
    outline:0;
}
a:active{

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
.t-decoration{ text-decoration: underline;}

p,input,button{margin: 0px;}

h1,h2,h3,h4,h5,h6{ margin: 0px;}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
    height: 0;
}

.clearfix {
    zoom: 1
}

.hides{ display: none;}
.show{ display: block;}
.borBox{box-sizing: border-box;}

.fl{float: left;}
.fr{float: right;}

.t_left{text-align: left !important;}
.t_center{ text-align: center !important;}
.t_right{ text-align: right !important;}

.margin0{ margin: 0px;}
.padding0{ padding: 0px;}

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px;}
.mt55{margin-top: 55px;}
.mt70{margin-top: 70px;}

.mr0{margin-right: 0px !important;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}

.mb0{margin-bottom: 0px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}

.ml0{margin-left: 0px !important;}
.ml5{margin-left: 5px;}
.ml50{margin-left: 50px !important;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}

.pt0{padding-top: 0px;}
.pt5{padding-top: 5px;}
.pt3{padding-top: 3px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt55{padding-top: 55px;}

.pr0{padding-right: 0px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}

.pb0{padding-bottom: 0px;}
.pb5{padding-bottom: 5px;}
.pb3{padding-bottom: 3px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}

.pl0{padding-left: 0px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}

/*--内容超出省略--*/
.ellipsis {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cursor{cursor: pointer;}
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.fs24{font-size: 24px !important;}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}

.w130{
    width: 130px;
}
.imgWh{
    width: 32px;
    height: 32px;
    margin: 0 !important;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea , input , button{resize: none;outline: none;}
/*------------头部-----------------------*/
.nav-top{
    background: #DF0101;
    /*background: #fff;*/

}
.navbar-logo{
    padding: 5px 15px;
}

.nav-left>li>a{
    color: #f2f2f2 !important;
}
.nav-left>li:hover a{
    color: #DF0101 !important;
    background: #dceaf1 !important;
}
.nav-left>li:hover .dropdown-menu>li>a{
    background: #fff !important;
    color: #333 !important;
}
.nav-left>li:hover .dropdown-menu > .active > a{
    color: #DF0101 !important;
    background: #dceaf1 !important;

}
.nav-left>li:hover .dropdown-menu>li:hover a{
    background: #DF0101 !important;
    color: #fff !important;
}
.nav-left .active>a,.nav-right .active>a,.nav-right .active span{color: #DF0101 !important; background: #dceaf1 !important;}
.navbar-default .nav-right > li > a {
    color: #fff !important;
    background-color: #DF0101 !important;
}


.nav-right .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #dceaf1 !important;
    border-color: #DF0101;
    color: #DF0101 !important;
}
.Head_img{
    width:38px;
    height: 40px;
    margin-left: 10px;
}
.head-name{
    padding: 5px 15px !important;
}
.dropdown-menu {
    min-width: 140px;
}
.red_color{
    color:#CA0808!important;;
}
/*-----分页----------*/
.pag{
    width: 680px;
    margin: 20px auto 40px;
}
.pagNum{
    color: #535353;
    font-size: 12px;
    margin-right: 20px;
    margin-top: 5px;
}

.JumpPage{
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    margin-right: 20px;
}
.JumpPage>a{
    display: block;
    float: left;
    padding: 5px 10px;
    border-right: 1px solid #c6c6c6;
    font-size: 12px;
    color: #535353;
}
.JumpPage>a:last-child{
    border-right:none;

}
.pageber{
    margin-right: 20px;
    font-size: 12px;
    color: #535353;
    margin-top: 4px;
}
.pageber>select{
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 5px;
    width: 55px;
    height: 23px;
    float: none;
    font-size: 12px;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 0px;
    height: 16px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0px rgba(242,242,242,0);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px rgba(242,242,242,0);
    background-color: #d1d1d1;
}
.table td{
    font-size: 12px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.input-time{
    height: 25px !important;
    width: 130px !important;
    background: #fff !important;
    padding: 0 5px !important;
}

.input-max{
    height: 25px !important;
    width: 160px !important;
    padding: 0 5px !important;
}
.input-min{
    height: 25px !important;
    width: 130px !important;
    padding: 0 5px !important;
}

.input-Btn{
    height: 25px !important;
    line-height: 25px !important;
    padding: 0 15px !important;
    border-radius: 3px !important;
}
.layui-layer-title{
    font-size: 18px !important;
}
#allpage i{
    font-style: normal;
}
.tip{
    font-size: 12px !important;
    color: #DDD !important;
}
.red-color{
    color:#ee1934 !important;
}
/*.ml30{
    margin-left: -30px;
}*/

/*iframe导航栏*/
.fixedFather{
    position: relative;
    padding-top: 60px;
}
.fix{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
}

.laypage_curr {
    background-color: #337ab7 !important;
    color: #fff;
}
.bg-red{
    background: #f24b50 !important;
    color: #FFF;
}

.bg-red:hover td{
    background: #f24b50 !important;
    color: #FFF !important;
}
/*返回按钮*/
.backbtnwrap .backbtn {
    background-color: #FFFFFF;
    border: 1px solid #DF0101;
    color: #DF0101;
    outline: none;
    /*margin-top: 15px;*/
}

/*提示栏*/
.noticeText{
    margin-bottom: 10px !important;
    padding: 10px 80px 10px 10px !important;
    font-size: 14px !important;
    background: rgba(194, 233, 251,0.5) !important;
    border: 1px solid #95d8f7 !important;
    border-radius: 5px !important;
    position: relative !important;
}
.noticeText .remove{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    padding: 0 !important;

}
.noticeText .remove:before{
    content: url(../images/guanbi.png);
}

tbody tr:hover td{
    background: #f5f5f6;
}

/* 按钮 */
.newBtnDefault{
    display: inline-block;
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #DF0101 !important;
    border: 1px solid #DF0101 !important;
    padding: 0 15px !important;

}
.newBtnDefault:hover{
    background: #DF0101 !important;
    color: #fff !important;
}
.newBtnPrimary{
    background: #DF0101 !important;
    color: #fff !important;
}
.newBtnRed{
    border: 1px solid #c80000 !important;
    color: #c80000 !important;
    background: #fff !important;
}
.newBtnRed:hover{
    background: #c80000 !important;
    color: #fff !important;
}

.newBtnGreen{
    border: 1px solid #66cc99 !important;
    color: #66cc99 !important;
    background: #fff !important;
}
.newBtnGreen:hover{
    background: #66cc99 !important;
    color: #fff !important;
}

.newBtnGray{
    border: 1px solid #e0e0e0 !important;
    background: #fff !important;
    color: #595959 !important;
    padding: 0 10px !important;
}
.newBtnGray i{
    color: #595959 !important;
    font-size: 14px !important;
    float: none !important;
    margin: 0 5px 0 0 !important;

}
.newBtnGray:hover{
    background: #f0f0f0 !important;
    color: #595959 !important;
}

/* 按钮 end */
/*===========*/
.form-control{
    border-radius: 10px !important;
    box-shadow: none !important;
    border: 1px solid #e0e0e0 !important;

}

/*===========*/
input::-webkit-input-placeholder { /* WebKit browsers */
  text-align: left;
  padding: 0 4%;
  font-size: 10px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  text-align: left;
  padding: 0 4%;
  font-size: 10px;

}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  text-align: left;
  padding: 0 4%;
  font-size: 10px;



}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  text-align: left;
  padding: 0 4%;
  font-size: 10px;



}

/*text-align*/
.textAlignC{
    text-align: center;

}
.textAlignL{
    text-align: left;

}
.textAlignR{
    text-align: right;

}

/*footer*/
.indexFooter{
    width: 100%;
    /*height: 50px;*/
    line-height: 50px;
    text-align: center;
    background: #333;
    color: #c1c0c0;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
}

.indexFooter .footer-left,.indexFooter .footer-mid,.indexFooter .footer-right{
    margin: 0 20px;
}
/*时间*/
.form_datetime{
    background: url(../images/date_icon.png) no-repeat;
    background-size: 20px;
    background-position: 95%;
}


/*字颜色*/
.txtDblue{
    color: #DF0101;
}
.txtRed{
    color: #c80000;
}
.txtGreen{
    color: green;
}
.txtRed2{
    color: red;
}

/*账户充值样式*/

    .rechargePay{
    }
    .rechargePay .one{
        padding: 20px 0 ;
        display: flex;
        justify-content: flex-start;
        position: relative;
    }
    .rechargePay .one .money{
        width: 60%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .rechargePay .one .money .moneyOne{
        width: 20%;
        height: 60px;
        border: 1px solid #e1e1e1;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin: 10px 5% 10px 0;
        cursor: pointer;
    }

    .rechargePay .moneyOne span{
        color: #828282;
    }
    .rechargePay .moneyOne .number{
        font-size: 18px;
        color: #303030;
        font-weight: bold;
    }
    .rechargePay .moneyOne .otherMoney{
        font-size: 18px;
        color: #303030;
        font-weight: bold;
    }
    .rechargePay .moneyOne>input{
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 9px;
        font-size: 18px;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .rechargePay .active{
        background: #DF0101;
    }
    .rechargePay .active span,.rechargePay .active .number,.rechargePay .active .otherMoney{
        color: #fff;
    }


    .rechargePay .one .payType{
        width: 65%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .rechargePay .one .payType .typeOne{
        /*width: 20%;
        height: 40px;*/
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px 5% 10px 0;
        cursor: pointer;
        padding: 10px;
    }
    .rechargePay .typeOne .select{
        margin: 0 10px;
    }
    .rechargePay .typeOne .typeInfo>img{
        height: 35px;
    }
    .rechargePay .one .accountType{
        width: 65%;
        position: relative;
        /*border:1px solid #000;*/
        padding: 20px;
        box-sizing: border-box;
        background: #fcfcfc;
    box-shadow: 0 0 20px #efecec inset;
    z-index: 5
    }
    .rechargePay .one .accountType:before{
        content:'';
        position: absolute;
        right: 250px;
        top: -69px;
        width:0;
        height:0;
        border-width:0 15px 30px;
        border-style:solid;
        border-color:transparent transparent #f6f6f6;/*透明 透明  灰*/
        margin:40px auto;
        /*box-shadow: 0 0 20px #efecec inset;*/
    }
    .rechargePay .one .accountType .accountBox{
        width: 100%;
    }
    .rechargePay .payMoney{
        font-size: 18px;
        color: #c80000;
    }
    .rechargePay .realMoney{
        font-size: 18px;
    }
/*账户充值样式 end*/

/*套餐服务详情*/
    .mealPart{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 350px;
        padding: 10px 30px;
        box-sizing: border-box;
    }
    .mealPart .partLeft{
        width: 350px;
        height: 350px;
        border-radius: 10px;
        overflow: hidden;
        margin-right: 35px;

    }
    .mealPart .partLeft img{
        width: 100%;
        height: 100%;

    }
    .mealPart .partRight{
        width: 65%;
        height: 100%;
    }
    .mealPart .partRight .mealTitle{
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        color: #000;
        padding: 5px 0;
        text-align: left;
        border-bottom: 1px solid #e6e6e6;
    }
    .mealPart .partRight .mealInfo{
        color: #8a8a8a;
        padding: 10px;
        box-sizing: border-box;
    }
    .mealPart .partRight .mealInfo ul li{
        position: relative;
        padding: 0 10px;
        line-height: 25px;
    }
    .mealPart .partRight .mealInfo ul li:before{
        content:'';
        width: 5px;
        height: 5px;
        background: #8a8a8a;
        border-radius: 50%;
        position: absolute;
        bottom: 38%;
        left: 0;
    }
    .mealPart .partRight .mealPrice{
        width: 100%;
        padding: 15px 10px;
        background: url(../images/meal_pic4.png) no-repeat 100%;
        font-size: 16px;
        margin: 30px 0;

    }

    .mealPart .partRight .mealPrice .number{
        font-size: 24px;
        font-weight: bold;
    }
    .mealPart .partRight .mealType{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .mealPart .partRight .mealType .typeDetail{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 30px;
        width: 60%;
    }
    .mealPart .partRight .mealType .one{
        padding: 5px 10px;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        color: #e6e6e6;
        margin: 0 5px;
        cursor: pointer;

    }
    .mealPart .partRight .mealType .active{
        border: 1px solid #c80000;
        color: #c80000;
        position: relative;

    }
    .mealPart .partRight .mealType .active:after{
        position: absolute;
        right: 0;
        bottom: -4px;
        content: url(../images/meal_icon1.png);
    }
    .mealInfo .newTitle{
        border-bottom:1px solid #e6e6e6;
        margin-bottom: 10px;
    }
    .mealInfo .newTitle label{
        padding: 10px 20px;
        color: #808080;
        font-weight: normal;
        font-size: 16px;
        border: 1px solid #e6e6e6;
        border-left: none;
        border-bottom: none;
        margin: 0;
        cursor: pointer;
    }
    .mealInfo .newTitle label:first-child{
        border-left: 1px solid #e6e6e6;
    }
    .mealInfo .newTitle .labelActive{
        background: #DF0101;
        color: #fff;
        border: 1px solid #DF0101;
    }
    .mealInfo .mealGoods img{
        width: 100%;
    }
    .mealInfo .mealServer {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        display: none;
    }
    .mealInfo .mealServer .mealServerImg{
        width: 100px;
        text-align: center;
    }
    .mealInfo .mealServer .mealServerImg img{
        width: 50%;
        vertical-align: top;
    }
    .mealInfo .mealServer .mealServerDetail{
        color: #808080;
        line-height: 25px;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .mealInfo .mealServer .mealServerDetail .time{
        color: #000;
        font-size: 14px;
        font-weight: bold;
    }
/*套餐服务详情 end*/

/*支付成功*/
  .mealPaySuc .mealIcon{
    text-align: center;
    margin-top: 60px;

  }
  .mealPaySuc .mealIcon img{
    width: 100px;

  }
  .mealPaySuc .mealText1{
    text-align: center;
    font-size: 16px;
    color: #DF0101;
    margin: 20px auto;
  }
  .mealPaySuc .mealText2{
    text-align: center;
    color: #808080;
    margin: 10px auto 30px;
  }
  .mealPaySuc .mealBtn{
    text-align: center;

  }
  .mealPaySuc .mealBtn .newBtnDefault{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
/*支付成功 end*/

@media (min-width: 1200px) {
    .container {
        width: 95% !important;
    }
}

/* 搜索模块 */
.newForm{
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}
.newGroup{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
}
.newGroup .newLabel{
    display: inline-block;
    /* min-width: 120px; */
    padding: 0 10px 0 30px;
}
.newGroup .newGroupInput {
    display: inline-block;
    width: 180px;
}
.newBtnBox{
    padding-left: 30px;
}
/* 搜索模块 end */
